<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
</head>
<body bgcolor="#ffe4c4">
    <!--网页主体内容-->
    <h1>什么是html</h1>
    <h2>什么是html</h2>
    <h3>什么是html</h3>
    <h4>什么是html</h4>
    <h5>什么是html</h5>
    <h6>什么是html</h6>
    <p align="center">hello world,我爱你</p>
    The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.
    <p align="right">我问佛:为何不给所有女子闭花羞月的容颜? 佛曰:那只是昙花的一现,
        用来蒙蔽世俗的眼 没有什么美可以抵过一颗纯净仁爱的心.</p>
    <p align="justify">&nbsp;如何让你遇见我 在我最美丽的时刻 为这 我已在佛前求了五百年
        求佛让我们结一段尘缘..</p>
    <p>如果你看了我一眼，我就会幸福的死掉，</br>
        如果你不看我，我就会痛苦的死掉。</br>
        是不是爱一个人就是这样生生死死而又心甘情愿？</br>
        而你，仍然漠视。</p>
    <pre>
            如果你看了我一眼，我就会幸福的死掉，
        如果你不看我，我就会痛苦的死掉。
        是不是爱一个人就是这样生生死死而又心甘情愿？
        而你，仍然漠视。
    </pre>
    <hr width="80%" color="#666666" align="left" />
    <!--修饰标签-->
    <p><em>安得双全法</em>,不负如来不负卿</p>
    <p><strong>世间安世间得双全法,</strong>不负如来不负卿</p>
    <p><ins>默然相爱,</ins>寂静喜欢</p>
    <p><del>认明了</del>那清幽的住处</p>
    <p><sub>认明了</sub>那清幽的住处</p>
    <!--特殊符号-->
    <p>那清幽的住处&lt;b&gt;</p>
    <p>Copyright &copy;2017 imooc.com All right Reserved</p>
    <!--列表标签-->
    <ul type="squ">
        <li>世间安世间得双全法</li>
        <li>既然选择了远方，便只顾风雨兼程</li>
        <li>在你怀里或者在你心里/li>
    </ul>
    <ul type="circle">
        <li>世间安世间得双全法</li>
        <li>既然选择了远方，便只顾风雨兼程</li>
        <li>在你怀里或者在你心里/li>
    </ul>
    <hr/>
    <h1>hello world</h1>
    <p>hello</p>
    <ol type="a">
        <li>世间安世间得双全法</li>
        <li>既然选择了远方，便只顾风雨兼程</li>
        <li>在你怀里或者在你心里/li>
    </ol>
    <ol type="I">
        <li>世间安世间得双全法</li>
        <li>既然选择了远方，便只顾风雨兼程</li>
        <li>在你怀里或者在你心里/li>
    </ol>
    <hr/>
    <!--定义列表标签,文章摘要，缩略-->
    <dl>
        <dt>世间安世间得双全法</dt>
            <dd>既然选择了远方，便只顾风雨兼程</dd>
            <dd>在你怀里或者在你心里</dd>
    </dl>
    <hr/>
    <!--图像标签-->
    <a href="#js">js基础</a>
    <a href="#html">html基础</a>
    <a href="mailto:2455880751@qq.com">反馈意见</a>
    <a href="D:\geckodriver-v0.18.0-win64.zip">文件下载</a>

    <br/>
        <a href="https://baike.so.com/doc/5334320-5569758.html" title="我就问你帅不帅" target="_self" name="js"><img src="E:\python网络数据采集\公众号素材\html.jpg" alt="你看不到的是一个大美女哦" width="40px" height="50px"></a>
        <h2>js基础  </h2>
        <p>做为WEB攻城师必备技术JavaScript，本课程从如何插入JS代码开始，学习JS基础语法、语法、函数、方法等，让你掌握JS编程思路、知识的使用等，实现运用JS语言为网页增加动态效果，达到与用户交互的目的。</p>
        <h2>课程提纲 </h2>
        <h3>第1章 系好安全带,准备启航</h3>
        <p>章节主要讲解如何在HTML文件中添加JavaScript代码，引用独立JS文件，学习必要的基础语法，为下一章学习打下基础。</p>
        <h3>第2章 你要懂的规则(JS基础语法)</h3>
        <p>本章节主要讲解变量声明、变量类型，如何对它们进行赋值、改变、计算等一系列操作，掌握不同运算符的使用方法，灵活运用算术运算符、比较运算符、逻辑运算符对变量和数值进行操作。</p>
        <h3>第3章 一起组团(数组)</h3>
        <p>本章节主要讲解数组的概念，如何创建、赋值、使用数组，如何获得数组长度。</p>
        <h3>第4章 跟着我的节奏走(流程控制语句)</h3>

        <a href="https://baike.so.com/doc/5363535-5599110.html" target="_blank" name="html"><h2>一个大帅哥哦</h2></a>
        <h2>html基础 </h2>
        <p>本课程从最基本的概念开始讲起，步步深入，带领大家学习HTML、CSS样式基础知识，了解各种常用标签的意义以及基本用法，后半部分讲解CSS样式代码添加，为后面的案例课程打下基础。</p>
        <h2>课程提纲 </h2>
        <h3>第1章 Html介绍</h3>
        <p>本章节主要讲解html和css样式的关系，以及html标签、html文件结构、head标签,最后讲解了在html中的注释代码的作用。</p>
        <h3>第2章 认识标签(第一部分)</h3>
        <p>学完这一章节将对标签的使用有了一些初步的认识，可以使用标签制作出一篇简单的文章网页。下一章节我们将进一步学习另外一部分html标签。</p>
        <h3>第3章 认识标签(第二部分)</h3>
        <p>本章节主要讲解列表、div及table标签使用，学完本章，我们可以在网页上展示一些信息列表及表格数据，使网页上的信息更加丰富</p>
        <h3>第4章 认识标签(第三部分)</h3>
        <p>本章节主要讲解超链接标签、链接地址及图片标签，学习完这一章节可以把分散的单独的网页用链接</p>标签有效的组织起来，达到网页之间可以相互跳转的作用。</p>
        <h3>第5章 与浏览者交互，表单标签</h3>
        <p>我们每天都在网上冲浪，如果没有表单，人们就无法输入自己的个人信息来买东西，本章节主要从表单的作用、表单元素讲起，学习完本章，可以制出简单的用户登陆、注册页面。</p>
        <h3>第6章 开始学习CSS，为网页添加样式</h3>
        <p>CSS是一个很神奇的东西，设计者可以通过修改样式表的定义而使网页呈现出完全不同的外观。本章就开始带领大家来学习CSS样式：先来认识CSS样式、了解CSS样式的优势、最后讲解CSS代码语法和CSS注释代码。</p>
        <h3>第7章 CSS样式基本知识</h3>
        <p>这一章节主要讲解与CSS样式相关的基础知识：CSS样式的位置及相关的优先级，为后面的CSS样式具体学习打下基础。</p>
    <p>请点击图像上的星球，把它们放大。</p>

    <img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
    <map name="planetmap" id="planetmap">
        <area
                shape="circle"
                coords="180,139,14"
                href ="/example/html/venus.html"
                target ="_blank"
                alt="Venus" />
        <area
                shape="circle"
                coords="129,161,10"
                href ="/example/html/mercur.html"
                target ="_blank"
                alt="Mercury" />
        <area
                shape="rect"
                coords="0,0,110,260"
                href ="/example/html/sun.html"
                target ="_blank"
                alt="Sun" />
    </map><br />

    <audio src="/img/horse.ogg" controls="controls">
        Your browser does not support the audio element.
    </audio><br />
    <video src="/img/movie.ogg" controls="controls">
        your browser does not support the video tag
    </video><br />
    <button type="button">Click Me!</button><br />
    <p>Do not forget to buy <mark>milk</mark> today.</p><br />
    <form action="/demo/demo_form.asp">
        First name:<br>
        <input type="text" name="firstname" value="Mickey">
        <br>
        Last name:<br>
        <input type="text" name="lastname" value="Mouse">
        <br><br>
        <input type="submit" value="Submit">
    </form>
    <p>如果您点击提交，表单数据会被发送到名为 demo_form.asp 的页面。</p><br>
    <select>
        <optgroup label="Swedish Cars">
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
        </optgroup>
        <optgroup label="German Cars">
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
        </optgroup>
    </select>
    <progress value="22" max="100">
    </progress>
    <p></meter><br>
        <meter value="0.6">60%</meter>显示度量值：</p>
    <meter value="1" min="0" max="10">1/10
    <address>
        Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
        Visit us at:<br>
        Example.com<br>
        Box 564, Disneyland<br>
        USA
    </address>
</body>
</html>
